@import "bootstrap/bootstrap.less";


ul,ul ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

body{
	width: 100%;
}
/* BEGIN HEADER*/
#header {
	width: 100%;
	height: 100px;
	//background-color: #4eb1ec;
	background-color: #35afe3;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(69, 199, 235)),to(rgb(38, 152, 219)));
    background-image: -webkit-linear-gradient(top, rgb(69, 199, 235), rgb(38, 152, 219));
    background-image: -moz-linear-gradient(top, rgb(69, 199, 235), rgb(38, 152, 219));
    background-image: -o-linear-gradient(top, rgb(69, 199, 235), rgb(38, 152, 219));
    background-image: -ms-linear-gradient(top, rgb(69, 199, 235), rgb(38, 152, 219));
    background-image: linear-gradient(top, rgb(69, 199, 235), rgb(38, 152, 219));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#45c7eb', EndColorStr='#2698db');
	#header-content{
		min-width: 1000px;
		width: 1000px;
		height: 100px;
		margin: 0 auto;
		.header-logo{
			float: left;
			width: 500px;
			height: 100%;
		}
		.header-form{
			display: inline-block;
			width: 500px;
			height: 100%;
			line-height: 100px;
			.header-input{
				text-align: right;
			}
		}
	}
}

/* END HEADER*/

/* BEGIN CONTAINER*/

#container {
	background: #FFF;	
	min-width: 1000px;
	width: 1000px;
	min-height: 500px;
	margin: 0 auto;
	padding-top: 20px;
	padding-bottom: 20px;
	#menu-left{
		width: 200px;
		min-height: 500px;
		float: left;
		#wrapper{
			.menu {
			    width: auto;
			    height: auto;
			    -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,.73), 0px 0px 18px 0px rgba(0,0,0,.13);
			    -moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,.73), 0px 0px 18px 0px rgba(0,0,0,.13);
			    box-shadow: 0px 1px 3px 0px rgba(0,0,0,.73), 0px 0px 18px 0px rgba(0,0,0,.13);
			    a, a:hover{
			    	text-decoration: none;
			    }
			    ul li a {
				    background: #fff;
				    border-bottom: 1px solid #efeff0;
				    width: 100%;
				    height: 2.75em;
				    line-height: 2.75em;
				    text-indent: 2.75em;
				    display: block;
				    position: relative;
				    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
				    font-size: 0.923em;
				    font-weight: 400;
				    color: #878d95;
				    text-decoration: none;
				    &:hover{
				    	color: #4eb1ec;
				    }
				    &.active{
				    	font-weight: bold;
				    	color: #4eb1ec;
				    }
				}
				ul li:last-child a {
				    border-bottom: 1px solid #33373d;
				}
			}
			.menu > li > a {
			    background-color: #616975;
			    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(114, 122, 134)),to(rgb(80, 88, 100)));
			    background-image: -webkit-linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
			    background-image: -moz-linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
			    background-image: -o-linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
			    background-image: -ms-linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
			    background-image: linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
			    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#727a86', EndColorStr='#505864');
			    border-bottom: 1px solid #33373d;
			    -webkit-box-shadow: inset 0px 1px 0px 0px #878e98;
			    -moz-box-shadow: inset 0px 1px 0px 0px #878e98;
			    box-shadow: inset 0px 1px 0px 0px #878e98;
			    width: 100%;
			    height: 2.75em;
			    line-height: 2.75em;
			    text-indent: 2.75em;
			    display: block;
			    position: relative;
			    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
			    font-weight: 600;
			    color: #fff;
			    text-shadow: 0px 1px 0px rgba(0,0,0,.5);
			}
			.menu > li > a:hover, 
			.menu > li > a.active {
			    background-color: #35afe3;
			    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(69, 199, 235)),to(rgb(38, 152, 219)));
			    background-image: -webkit-linear-gradient(top, rgb(69, 199, 235), rgb(38, 152, 219));
			    background-image: -moz-linear-gradient(top, rgb(69, 199, 235), rgb(38, 152, 219));
			    background-image: -o-linear-gradient(top, rgb(69, 199, 235), rgb(38, 152, 219));
			    background-image: -ms-linear-gradient(top, rgb(69, 199, 235), rgb(38, 152, 219));
			    background-image: linear-gradient(top, rgb(69, 199, 235), rgb(38, 152, 219));
			    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#45c7eb', EndColorStr='#2698db');
			    border-bottom: 1px solid #103c56;
			    -webkit-box-shadow: inset 0px 1px 0px 0px #6ad2ef;
			    -moz-box-shadow: inset 0px 1px 0px 0px #6ad2ef;
			    box-shadow: inset 0px 1px 0px 0px #6ad2ef;
			}
			.menu > li > a.active {
			    border-bottom: 1px solid #1a638f;
			}
		}
	}

	#menu-right{
		width: 300px;
		height: 300px;
		float: right;
		.row-3-image{
			text-align: right;
			margin-bottom: 4px;
			a{
				width: 95px;
				height: 90px;
				display: inline-block;
				.border-radius(3px);
				img{
					width: 95px;
					height: 90px;
					border: solid 1px #e4e4e4;
					.border-radius(3px);
				}	
				&:hover{
					.box-shadow(0px 0px 11px 0px rgba(90, 161, 255, 1));
					img{
						border: solid 1px rgba(90, 161, 255, 1);
					}
				}
			}
		}
	}

	#ban-do{
		text-align: center;
		margin-left: 210px;
		margin-right: 300px;
		border: 1px solid #e4e4e4;
	}

	.fb-like.fb_iframe_widget{
		width: 100%;
		margin-top: 20px;
	}
}

/* END CONTAINER*/

/* BEGIN FOOTER*/

#footer {
	background: #272626;
	color: #fff;
	width: 100%;
	min-height: 300px;
	margin: 0 auto;
	.footer-container{
		padding-top: 40px;
		width: 1000px;
		min-width: 1000px;
		height: auto;
		margin: 0 auto;
		.footer-child{
			width: 30%;
			float: left;
			.footer-title{
				font-size: 18px;
			}
			a{
				display: block;
				&:hover{
					text-decoration: none;
					span{
						color: #57c8eb;
					}
				}
			}
		}
	}
}

/* END FOOTER*/